import React, { Component } from 'react';
import { Carousel} from 'antd-mobile';
import swiper1 from '@ai/swiper-1.png'
import swiper2 from '@ai/swiper-2.jpeg'
import swiper3 from '@ai/swiper-3.jpeg'
import {StyledSwiper} from './styledHome'
class Swipper extends Component {
  render() {
    return (
        <StyledSwiper>
              <Carousel
          autoplay={true}
          infinite
        >
              <img
                src={swiper1}
                alt=""
                style={{ width: '100%'}}
              />
              <img
                src={swiper2}
                alt=""
                style={{ width: '100%'}}
              />
              <img
                src={swiper3}
                alt=""
                style={{ width: '100%'}}
              />
        </Carousel>
        </StyledSwiper>
    );
  }
}

export default Swipper;
